<!-- 气象局数据 -->
<template>
    <div class="index-box">
        <div :class="['navbar-logo']">
            <span>人工智能精准供热系统</span>
            <!-- 个人信息 -->
            <div style="position: absolute;top: 0px;right: 113px;font-size: 16px;height: 50px;line-height: 50px;color: #ffffff">
                <!--<img :src="userInfo.username" style="display: inline-block;width: 32px;height: 32px"/>-->
                <span>{{getUserInfo.realname}}</span>
            </div>
            <!-- 退出 -->
            <div class="el-icon-switch-button" style="position: absolute;top: 13px;right: 23px;font-size: 24px;color: #fff;cursor:pointer;" @click="$router.push({path: '/Home'})"></div>
        </div>
        <div class="ctn">
            <!-- 顶部按钮组 -->
            <div class="ctn-top-bar">
                <div class="ctn-top-bar-l">
                    <span class="fl" @click="returnBack">导航页</span>
                </div>
                <div class="ctn-top-bar-r">

                </div>
            </div>
            <!-- 气象局信息 -->
            <div class="main-ctn">
                <weather-info></weather-info>
            </div>
        </div>
    </div>
</template>

<script>
import WeatherInfo from './components/weather-info'
    export default {
        name:'Weather',
        components: {
            WeatherInfo,
        },
        computed:{
            getUserInfo(){
                return this.$store.state.userInfo
            }
        },
        data() {
            return {
                currentTab: 1, // 默认选中告警统计
                queryParams: {
                    pageNo: 1,
                    pageSize: 10,
                    param:{
                        endTime:'',
                        startTime:''
                    }
                },
                form: {
                    analysis:1,// 默认热耗
                    startTime:'',
                    endTime: '',
                    typeDom:'',// 类比源
                    type:'1',// 能耗类别
                },
            };
        },
        created() {

        },
        watch: {

        },
        methods: {
            // 返回引导页
            returnBack(){
                this.$router.push({
                    path: '/'
                })
            }
        }
    };
</script>

<style lang="scss" type="text/scss">


</style>
